/**
 * Raxan CSS Framework - Master UI
 * Copyright (c) 2008-2009 Raymond Irving (http://raxanpdi.com)
 *
 * Dual licensed under the MIT and LGPL licenses.
 * See the LICENSE.txt file
 *
 */


/* panel */
.panel .pb1 { border-top: 1px solid; margin: 0 2px; }
.panel .pb2, .panel .pm1 {
    border: 1px solid; border-width: 0 1px;
    margin: 0 1px; padding: 1px 0;
}
.panel .pm1 {
    height: 100%; overflow:hidden; margin:0; padding: 0;
}
.panel .pb1, .panel .pb2, .panel .pm1 { background: #F3F3F3; }
.panel .pb1, .panel .pb2, .panel .pm1 { border-color: #D1D1D1; }
.panel .pnl-footer, .panel .pnl-header {
    display:block; padding: 3px; margin:0 2px;
    background: #E5E5E5; border-bottom:1px solid #dedede;
}
.panel .pnl-footer {
    background: #F0F0F0;  border-bottom: none; border-top:1px solid #dedede;
}

/* button */
.button {
    height:26px;
    color:#333;
    background: #ddd;
    border:1px solid #999;
    vertical-align:middle;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}
.button img {padding-bottom:1px;vertical-align:middle;}
.button:active { border-style:inset;}
.button.ok { background: #C6D880; border-color:#A9C440; color:#264409}
.button.cancel { background: #FF7575; border-color:#FF641A; color:#fff; font-weight: bold;}
.button.process { background: #AECDFF; border-color:#5998FF; color:#0055AA }
.button.continue { background: #FFD324; border-color:#E1B500; color:#514721 }
.button.disabled { -moz-opacity:0.5; opacity: 0.5;}
.button.disabled:active { border-style:solid;}
a.button { padding:4px 5px 5px 5px; line-height:21px;}

/* shadow box */
.shadow { background: #eee; margin: 6px 0 0 6px; }
.shadow .content {
    position: relative;
    bottom: 6px; right:6px;
    margin: 0 0 0 0; overflow:hidden;
}

/* tabstrip */
ul.tabstrip {
    height:1%; /* fixing IE 6  - from blueprintcss tab */
    margin:0; padding:2px 10px 0;
    list-style:none; font-size:93%;
    line-height:normal; border-bottom:1px solid #ccc; overflow:auto;
}
ul.tabstrip li {
    cursor:pointer;
    padding:0; margin:0 3px 0 0;
    float:left; font-weight:bold;
    border:1px solid #ccc; border-bottom:none;
}
ul.tabstrip a {
    float:left; display:block;
    color:#777; text-decoration:none;
    padding:2px 4px 2px 4px; background:#ddd;
    border:1px solid #eee; border-bottom:none; line-height:18px;
}
ul.tabstrip li.right { float:right; margin:0 0 0 3px;}
ul.tabstrip ul { display:none }
ul.tabstrip img { vertical-align:middle; }
ul.tabstrip a:hover { color:#333; }
ul.tabstrip .selected  { cursor:default; }
ul.tabstrip .selected a {
    color:#fff; background:#666; cursor:default;
    border:1px solid #777; border-bottom:none;
}

/* toolbar - Todo: redesigned to support <ul> */
.toolbar {
    height:28px;
    background:  #eee;
    border:1px solid #ccc;
    border-width:1px 0;
    padding: 2px 0 0px 0;
    position:relative;
    overflow: hidden;
}
.toolbar .item, .toolbar .button {
    float: left;
    display: block;
    height:26px;
    line-height:26px;
    padding:0 3px;
}
.toolbar .button { border-width:0; background: none; text-decoration:none; }
.toolbar .button:hover { background:#dadada; }
.toolbar .disabled, .toolbar .disabled:hover { background:none; cursor:default;}
.toolbar img { vertical-align: middle; }




